<div class="widget am-cf">
    <div class="widget-head am-cf">
        <div class="widget-title  am-fl">查询条件</div>
    </div>
    <div class="widget-body">
        <form class="am-form-inline am-form query-form" role="form" style="padding-top:0;" id="search-form">
            <div class="am-g doc-am-g">
                <div class="am-u-sm-6 am-u-md-3 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">客户姓名</label>
                    <div class="am-u-sm-9">
                        <input type="text" name="ArchivesName" id="ArchivesName" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-3 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">销售日期(起)</label>
                    <div class="am-u-sm-9">
                        <input type="text" name="StartDate" id="StartDate" placeholder=""  autocomplete="false"  readonly data-am-datepicker>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-3 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">销售日期(止)</label>
                    <div class="am-u-sm-9">
                        <input type="text" name="EndDate" id="EndDate" placeholder="" autocomplete="false"  readonly data-am-datepicker >
                    </div>
                </div>
            </div>
            <div style="text-align: center; margin-top: 10px;"> <button id="query-submit" type="button" class="am-btn am-btn-success am-btn-sm"><i class="am-icon-search"></i> 查询</button> </div>
        </form>
    </div>
</div>
<div class="widget am-cf">
    <div class="widget-head am-cf">
        <div class="widget-title  am-fl">销售清单</div>
        <div class="widget-function am-fr">
          	<a href="javascript:;" class="am-btn am-btn-default" id="refresh"><span class="am-icon-refresh"></span> 刷新</a>
        </div>	
    </div>
    <style>.am-table-bordered>thead+tbody>tr:first-child>td,.theme-white .tpl-table-black tbody > tr > td{ vertical-align: middle;}</style>
    <div class="widget-body  am-fr">
            <table width="100%" class="am-table tpl-table-black am-table-hover am-table-bordered" id="dataTables">
                <thead>
                    <tr>
                        <th>会员姓名</th>
                        <th>联系方式</th>
                        <th>销售人员</th>
                        <th>零售总价</th>
                        <th>实销总价</th>
                        <th>已付款金额</th>
                        <th>销售时间</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
       
    </div>
</div>
